網頁上的文字是傳達資訊最主要的方式，透過 CSS 可以讓文字變得更具吸引力，甚至能夠影響閱讀體驗。今天學習如何控制文字的樣式。

font-family：設定字型。可以設定多個字型，瀏覽器會依序尋找可用的字型。

• 範例：font-family: 'Helvetica Neue', Arial, sans-serif;

font-size：設定字體大小。可以使用 px (像素)、em、rem 或百分比等單位。

• 範例：font-size: 16px;

font-weight：設定字體粗細。可以使用 normal (正常)、bold (粗體) 或數值 (100-900)。

• 範例：font-weight: bold;

text-align：設定文字對齊方式。可選值有 left、right、center、justify。

• 範例：text-align: center;

line-height：設定行高。

讓個人簡介頁面的文字加上一些樣式。
在 style.css 中加入：

CSS

body {
  font-family: 'Helvetica Neue', Arial, sans-serif;
  line-height: 1.6;
}
h1 {
  text-align: center;
  font-weight: bold;
}
p {
  font-size: 18px;
}
a {
  font-weight: bold;
}

現在標題已經置中、加粗，段落文字也變大，整體視覺效果更好。這些都是簡單但很有效的排版技巧。明天學習非常重要的 CSS 概念：盒模型。

執行成果 :